@charset "UTF-8";

/* RESET */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	text-decoration: none;
}
/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
html {

}
body {
	text-align: center;
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: url(../images/bgwall3.gif);
	background-attachment: fixed;
}
nav ul, ul.menu {
	list-style: none;
}
/* microformats utils*/
.outline_header {
	text-indent: -99999px;
	display: none;
}
.call_out {
	padding: 15px;
	background: #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* Wrapper, this is the main container of the layout*/
#wrapper {

	width: 900px;
	margin: 0 auto;
	padding: 0px 50px;
	text-align: left;
	position: relative;
	background: url(../images/bgmainwall.png);
	background-repeat: repeat;
	border-bottom: 2px solid #04aab9;
	/*background: url(http://taat.pl/grid/50x25_ddd_ffffff.gif);*/

	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
}
.under_construction {
	background: #0387AF;
	border: 3px #000000 solid;
	width: 100%;
	margin: 0px auto;
	color: yellow;
	text-align: center;
	text-decoration: blink;
}
/* header */

header.main {
	height: 95px;
	padding-top: 10px;
	border-bottom: 1px solid #000000;
}
header.main hgroup {
	margin-top: 0px;
}
header.main hgroup h1 {
	font-size: 36px;
	font-weight: bold;
	text-indent: -9999999px;
	background: url(../images/logo_black.png) no-repeat;
}
header.main hgroup h2 {
	font-size: 18px;
	color: #05a9b8;
}
header.main nav {
	margin-top: 42px;
	margin-bottom: 0px;
	width: 40%;
	height: 25px;
	float: right;
}
header.main nav h2 {
	display: none;
}
header.main nav ul {
	margin: 0 auto;
	width: 700px;
	list-style: none;
}
header.main nav ul li {
	float: left;
}
header.main nav ul li a {
	display: block;
	width: 100px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	color: #777;
	
	 -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
	
}
header.main nav ul li a:hover {
	color: #FFFFFF;
	background: #000000;
	opacity: 0.6;
}

header.main nav ul li a.current {	

	color: #0387AF;
	background: #000000;
	opacity: 0.6;

}

header.main nav ul li.selected a {
	color: #fff;
}
header ul.contact_info {
	list-style: none;
}
header ul.contact_info  li {

	display: inline;
}
header ul.contact_info li a {
	color: #000000;
	margin-left: 10px;
}
header ul.contact_info  li a:hover {
	color: #000000;
}
/*Branding section*/

.branding {
	width: 900px;
	height: 200px;
	margin: 50px auto;
	background: #000000;
	border: 1px solid #bebebe;
}
.branding  img {
	/*-moz-box-shadow:2px 2px 5px #000;
	 -webkit-box-shadow:2px 2px 5px #000;
	 box-shadow:2px 2px 5px #000;*/
}
.personal_section {
	width: 400px;
	float: left;
	margin-bottom: 50px;
}
.regular_section {
	border-bottom: 1px solid #e2e2e2;
	padding: 20px 0px;
}
.regular_section:first-child {
	padding-top: 0px;
}
section.regular_section p {
	font-size: 14px;
	color: #000000;
	margin: 10px 0px;
}
section.regular_section blockquote {
	font-size: 14px;
	color: #000000;
	border: 1px solid #000000;
	-moz-box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	box-shadow: 2px 2px 3px #000;
}
.regular_section h2 {
	text-transform: uppercase;
	font-size: 14px;
	color: #ed00dd;
}

.regular_section h3 {
	text-transform: uppercase;
	font-size: 12px;
	/*color: #04aab9;*/
	color: #0387AF;
	font-weight: bold;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 0px 5px 0px;
}


.regular_section ul {
	
}

.regular_section ul li {
font-size: 14px;
color: #333333;
margin: 5px 0px;	
font-weight: normal;
list-style-type:disc;
}

.regular_section ul.other_skills li {
font-size: 14px;
color: #333333;
font-weight: normal;
margin: 5px 0px;	
display: inline;
list-style-type:none;
}


.regular_section:last-child {
	border: none;
}
.blog_entries {
	width: 400px;
	float: left;
	margin-left: 100px;
	margin-bottom: 50px;
}
.blog_entries h1 {
	font-size: 14px;
	border-bottom: 1px solid #e2e2e2;
}
.blog_entries article {
	border-bottom: 1px inset #bebebe;
	padding: 20px 0px;
}
.blog_entries article:first-of-type {
	padding-top: 5px;
}
.blog_entries article:last-of-type {
	border: none;
}
.blog_entries article h2 {
	font-size: 14px;
	color: #04aab9;
}
.blog_entries article abbr {
	font-style: italic;
	border: none;
}
.blog_entries article p {
	font-size: 14px;
	color: #444444;
}
/* BLOG PAGE */
section.blog_entry {
	margin-top: 50px;
	width: 650px;
	float: left;
}
section.blog_entry h2 {
	font-size: 24px;
	color: #ed00dd;
}
aside.comments {
	margin: 15px 0px;
	padding: 15px 0px;
}
aside.comments ul li {
	padding: 20px 0px;
	border-bottom: 1px solid #e2e2e2;
}
aside.comments ul li:last-of-type {
	border: none;
}
aside.comments ul li h3 {
	font-size: 18px;
	color: #04aab9;
}
aside.comments ul li p {
	width: 450px;
}
section.blog_entry abbr {
	font-style: italic;
	color: #999999;
	border: none;
}
section.blog_entry p {
	padding: 10px 0px;
	color: #3f3f3f;
	border: none;
}

section.blog_entry fieldset {
	padding: 50px;
	background: #FFFFFF;
	margin: 20px 0px;
}

div.additional_info {
	margin: 20px 0px;
}
section.blog_entry ul {
	list-style: none;
}
aside.blog_related {
	margin-top: 50px;
	margin-left: 50px;
	float: left;
	width: 200px;
}
aside.blog_related ul {
	list-style: none;
	margin-top: 100px;
}
aside.blog_related ul li h3 {
	font-size: 14px;
}
aside.blog_related ul li a {
	font-size: 14px;
	display: block;
	padding: 5px;
	color: #888888;
	margin: 5px 0px;
}
/* CONTACT PAGE */

section.contact {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 650px;
	min-height: 500px;
	float: left;
}
section.contact fieldset {
	padding: 50px;
	background: #FFFFFF;
	margin: 20px 0px;
}
section.contact fieldset p {
	margin: 20px 0px;
}
section.contact fieldset p input {
	width: 100%;
	padding: 5px 0px;
}
aside.contact_related {
	margin-top: 50px;
	margin-left: 50px;
	float: left;
	width: 200px;
}

/* Error */
p.error{
	background: #F5F3BA;
	color: #FF0000;
	padding: 5px;
	text-decoration: underline;
	margin-top: 10px;
	border: 1px solid #FF0000;
}
/* Thank you*/

blockquote {
	padding: 50px;
	background: #FFFFFF;
	margin: 20px 0px;
	border: 1px inset #EEEEEE;
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
}
/*Sorry*/

section.contact fieldset {
	padding: 50px;
	background: #FFFFFF;
	margin: 20px 0px;
}
blockquote.sorry h3 {
	color: #FF0000;
}
blockquote.thank_you h3 {
	color: #1FA300;
}
/*footer */
footer#pageFooter {
	border-top: 45px solid #DADADA;
	height: 250px;
	background: #000000;
	width: 1000px;
	margin: 0px auto;
	clear: both;
	position: relative;
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
}
footer#pageFooter a.html5_logo {
	position: absolute;
	right: 10px;
	top: -55px;
}
footer#pageFooter h1 {
	margin-left: 60px;
	margin-top: 60px;
	font-size: 36px;
	font-weight: bold;
	text-indent: -9999999px;
	background: url(../images/logo_white.png) no-repeat;
}
footer#pageFooter p {
	margin-left: 60px;
	margin-top: 5px;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
}
footer#pageFooter a {
	text-decoration: none;
	color: #ED00DD;
}
footer#pageFooter a:hover {
	color: #ED00DD;
}
clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

